<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOSS</title>
    <link rel="stylesheet" href="https:////at.alicdn.com/t/c/font_4465827_t703a8pwfu.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="brother.css">
</head>

<body>
    <div class="box">
        <!-- 顶部导航 -->
        <div class="header">
            <div>
                <span class="active">有了</span>
            </div>
            <div class="searchs">
                <i class="iconfont icon-sousuo"></i>
                <input type="text" placeholder="搜索职场内容" class="search">
            </div>
            <div>
                <span class="iconfont icon-tongzhizhongxin"></span>
            </div>
            <div>
                <span class="admin">
                    <img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_13.png?x-oss-process=image/resize,w_100,limit_0">
                </span>
            </div>
        </div>
        <!-- 顶部选项 -->
        <div class="option">
            <div>
                <span class="active">推荐</span>
                <span>求职</span>
                <span>直播</span>
                <span>等你来答</span>
                <span>好文</span>
                <span>关注</span>
            </div>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="content">
        <div class="title">IT技术支持、软件开发</div>
        <span class="price">面议</span>
        <div class="mgs">河南移动 10000人以上</div>
        <div class="mgs active">
            <span>本科</span>
            <span>校招</span>
            <span>运营支撑</span>
            <span>行业细分</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_13.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">穆佳林﹒校招顾问</div>
                <div>7日内发布</div>
            </div>
            <div>河南 洛阳 龙门石窟</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <div class="content">
        <div class="title">非常差人(可撸猫)</div>
        <span class="price">8-13k</span>
        <div class="mgs">京科联通 不需要融资 1000-9999人</div>
        <div class="mgs active">
            <span>经验不限</span>
            <span>大专</span>
            <span>提供住宿</span>
            <span>带薪年假</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_2.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">吴女士﹒人事经理</div>
                <div>回复率高</div>
            </div>
            <div>郑州 金水区 科技市场</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <div class="content">
        <div class="title">前端开发程序员</div>
        <span class="price">4-8K</span>
        <div class="mgs">捷达宝科技公司 100-20000人</div>
        <div class="mgs active">
            <span>1-3年</span>
            <span>学历不限</span>
            <span>HTML5</span>
            <span>Vue</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_13.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">刘先生﹒招聘者</div>
                <div>回复率高</div>
            </div>
            <div>广东 深圳 福田区</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <div class="content">
        <div class="title">会打王者优选录用! 7000...</div>
        <span class="price">7-11K﹒13薪</span>
        <div class="mgs">薪仁科技 天使轮 100-499人</div>
        <div class="mgs active">
            <span>经验不限</span>
            <span>中专/中技</span>
            <span>不销售</span>
            <span>带薪培训</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_2.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">曾先生﹒招聘专员</div>
                <div>回复率高</div>
            </div>
            <div>郑州 金水区 CBD</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <div class="content">
        <div class="title">会打王者优选录用! 7000...</div>
        <span class="price">7-11K﹒13薪</span>
        <div class="mgs">薪仁科技 天使轮 100-499人</div>
        <div class="mgs active">
            <span>经验不限</span>
            <span>中专/中技</span>
            <span>不销售</span>
            <span>带薪培训</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_2.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">曾先生﹒招聘专员</div>
                <div>回复率高</div>
            </div>
            <div>郑州 金水区 CBD</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <div class="content footer">
        <div class="title">前端开发程序员</div>
        <span class="price">4-8K</span>
        <div class="mgs">捷达宝科技公司 100-20000人</div>
        <div class="mgs active">
            <span>1-3年</span>
            <span>学历不限</span>
            <span>HTML5</span>
            <span>Vue</span>
        </div>
        <div class="information">
            <div>
                <div class="img"><img
                        src="https://img.bosszhipin.com/boss/avatar/avatar_13.png?x-oss-process=image/resize,w_100,limit_0">
                </div>
            </div>
            <div>
                <div class="name">刘先生﹒招聘者</div>
                <div>回复率高</div>
            </div>
            <div>广东 深圳 福田区</div>
            <div class="iconfont icon-shanchu1"></div>
        </div>
    </div>
    <!-- 侧边按钮 -->
    <div class="btn"><i class="iconfont icon-jia"></i></div>
    <!-- 底部导航栏 -->
    <div class="navigation">
        <a href="index.html">
            <img src="images/nav1.png" alt>
        </a>
        <a href="index.html">
            <img src="images/nav2.png" alt>
        </a>
        <a href="index.html">
            <img src="images/nav3.png" alt>
        </a>
        <a href="index.html">
            <img src="images/nav11.png" alt>
        </a>
    </div>

    <script>
        // 返回顶部事件
        const btn = document.querySelector('.btn')
        btn.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            })
        })
    </script>
</body>

</html>